<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BioMar Zihuatanejo</title>


<style type="text/css">

body {font-family:Verdana, Geneva, sans-serif; background-color:#E2D8BF}

div.container {width:980px; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto;}


div.header {
	width:980px;
	height:180px;
	clear:left;
	background-image:url(imagenes/header-1.png); background-repeat: no-repeat;}

div.menu {width:980px; height:60px; clear:left; background-color:#fff; margin: 10px 0 10px 0}

div.bottom {width:980px; height:112px; clear:left; background-color:#9f977f; margin-top:10px}



div.headcontent {width:620px; height:78px; background-color:black; float:left; margin:0; color:white; padding-left:170px;text-transform:uppercase; font-weight:bold; font-size:38px;}
div.headtabcontent {margin-left:790px; height:71px; background-color:#77715F; border-color:#000; border-style:solid; border-width:7px 7px 0 0; color:white;  text-align:center;text-transform:uppercase; font-weight:bold; font-size:21px; margin:0;}



div.textcontent {width:770px; height:580px; margin:0; background-color:#282620; padding:10px; color:white; float:left; margin:0;}
div.tabcontent {margin-left:790px; height:560px; padding-left:20px; padding-top:40px; background-color:white; margin:0; border-color:#282620; border-style:solid; border-width:0 7px 0 0; color:black;font-size:13px; margin-top:0; line-height: 15px}



div.bottomcontent {width:790px; height:78px; background-color:#282620; float:left; margin:0;}
div.bottomtabcontent {margin-left:790px; height:71px; background-color:#77715F; margin:0; border-color:#282620; border-style:solid; border-width:0 7px 7px 0;}





p.a {padding:20px;}
ul.a {font-size:12px;}
ul.b {list-style:circle; font-size:12px;}





ul.menu {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

li.menu {
	float:left;
}

a.menu:link,a.menu:visited {
	display:block;
	width:110px;

	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	background-color:#98bf21;
	text-align:right;
	padding-top:12px;
	
	text-decoration:none;
	letter-spacing:-1px;
	vertical-align:middle;
}

#aha{
	background-image:url(imagenes/Botones-Menu.png);
}

#aha:hover{
	background-image:url(imagenes/Botones-Bottom.png);
}

a.menu:hover,a.menu:active
{background-color: #06F;}






#navlist{
	position:relative;
	width:980px;
	height:60px}
#navlist li{
	margin:7.5px;
	padding:0;
	list-style:none;
	position:absolute;
}
#navlist li, #navlist a{
	height:45px;
	width:45px
}

#acerca{
	left:0;
	background:url(imagenes/Botones-Menu.png) 0 0;
	padding-left: 45px;
}
#acerca a:hover{background:url(imagenes/Botones-Menu.png) -5px -45px;}
#acerca a{
	margin-left: 20px;
	display:  inline-block;
}

#bioportal{left:110px;}
#bioportal{background:url(imagenes/Botones-Menu.png) -45px 0;}
#bioportal a:hover{background:url(imagenes/Botones-Menu.png) -45px -45px;}

#galeria{left:220px;}
#galeria{background:url(imagenes/Botones-Menu.png) -90px 0;}
#galeria a:hover{background:url(imagenes/Botones-Menu.png) -90px -45px;}

#educacion{left:330px;}
#educacion{ background:url(imagenes/Botones-Menu.png) -135px 0;}
#educacion a:hover{background:url(imagenes/Botones-Menu.png) -135px -45px;}

#eco{left:440px;}
#eco{background:url(imagenes/Botones-Menu.png) -180px 0;}
#eco:hover{background:url(imagenes/Botones-Menu.png) -180px -45px;}

#not{left:550px}
#not{background:url(imagenes/Botones-Menu.png) -225px 0;}
#not a:hover{background:url(imagenes/Botones-Menu.png) -225px -45px;}

#enlaces{left:660px;}
#enlaces{background:url(imagenes/Botones-Menu.png) -270px 0;}
#enlaces a:hover{background:url(imagenes/Botones-Menu.png) -270px -45px;}


</style>

</head>

<body>

<div class="container">

<div class="header"></div>
<div class="menu">
<ul class="menu">
<li class="menu"><a  id="aha" class="menu"  href="acerca del programa.html">Acerca del Programa</a></li>
<li class="menu"><a  class="menu"  href="#Bioportal">Bioportal</a></li>
<li class="menu"><a  class="menu"  href="#Galería">Galería</a></li>
<li class="menu"><a  class="menu"  href="#Educacioón Ambiental">Educación<br />Ambiental</a></li>
<li class="menu"><a  class="menu"  href="#Ecoturismo">Ecoturismo</a></li>
<li class="menu"><a  class="menu"  href="#Noticias">Noticias</a></li>
<li class="menu"><a  class="menu"  href="#Enlaces">Enlaces</a></li>
</ul>
</div>


<div class="menu">

<ul id="navlist">
  <li id="acerca" ><a  href="acerca del programa.html">Acerca del Programa</a></li>
  <li id="bioportal"><a href="css_intro.asp"></a></li>
  <li id="galeria"><a href="css_syntax.asp"></a></li>
  <li id="educacion"><a href="default.asp"></a></li>
  <li id="eco"><a href="css_intro.asp"></a></li>
  <li id="not"><a href="css_syntax.asp"></a></li>
  <li id="enlaces"><a href="default.asp"></a></li>
</ul>

</div>


  <div class="headcontent"><p>GalerÍa</p></div>
  <div class="headtabcontent"><p>contenido</p>  </div>

  
    <div class="textcontent">
    <h1>Conservando nuestros océanos y costas</h1>
    <p class="a">La región de Zihuatanejo es reconocida nacional e internacionalmente por su riqueza natural marina, que le confiere una relevancia ecológica, económica y turística.</p>
    <p>Es un área importante dentro del Pacífico tropical mexicano debido a sus paisajes costeros de gran belleza escénica y a la presencia de ecosistemas litorales notables, como son los arrecifes coralinos. Alberga una biodiversidad marina única que incluye diferentes grupos de organismos, tales como macroalgas, corales, crustáceos, moluscos, equinodermos, peces, tortugas, aves y mamíferos marinos, entre otros.</p>
    
    <p>El ser un área de alta biodiversidad marina le ha valido el reconocimiento de formar parte del sitio marino prioritario "Playas Petacalco - Piedra de Tlacoyunque", en la Costa Grande de Guerrero. Estos sitios se declaran con el propósito de servir como un marco de referencia que contribuya al desarrollo de planes de conservación, uso, manejo sustentable e investigación de los recursos marinos en México.</p>
    
    <p>Esto representa un privilegio y una gran responsabilidad de cuidarla y protegerla. La UNAM, a través de la Unidad Multidisciplinaria de Docencia e Investigación Zihuatanejo (UMDI-Z) de la Facultad de Ciencias, desarrolla el Programa Biodiversidad Marina de la Región de Zihuatanejo, con el propósito de conocer y conservar los recursos marinos de esta área.</p>
   </div>
   <div class="tabcontent">
   
     <p>
       
       <!-- <ul class="a">
  <li><b>Macroalgas</b>    
     <ul class="b">
      <li>Rodofitas</li>
      <li>Feofitas</li>
      <li>Clorofitas</li>
  </ul>
  
  <li><b>Invertebrados</b>
    <ul class="b">
      <li>Corales</li>
      <li>Equinodermos</li>
      <li>Moluscos</li>
      <li>Crustaceos</li>
      <li>Otros</li>
    </ul>
    
  <li><b>Peces</b>
    <ul class="b">
      <li>Oseos</li>
      <li>Cartilaginosos</li>
    </ul>

  <li><b>Reptiles Marinos</b>
    <ul class="b">
      <li>Tortugas</li>
      <li>Cocodrilos</li>
      <li>Serpientes</li>
    </ul>

  <li><b>Aves Marinas</b></li>
  <li><b>Mamiferos Marinos</b></li>
  <li><b>Ambientes</b></li>
</ul> -->
   </div>
   
  <div class="bottomcontent"></div>
  <div class="bottomtabcontent"></div>
   
<div class="bottom"></div>


</div>

</body>
</html>
